@charset "utf-8";
@import "quanbudd.scss";
$fs:170.66px;

html{
    font-size: $fs;
    background: #f3f4f6;
}
@function r($px){
    @return $px/$fs*1rem;
}
.w-nav-tab ul li span .bians{
    color: #d62d31;
}
.mem-tab ul li{
    display: block;
    span{
        width: r(108px);
    }
}
.statistics{
        display: table;
        width: 100%;
        .statiImg{
            border-bottom: #dedede r(1px) solid;
            img{
                width: 100%;
            }
        }
        .mod1{
            display: -webkit-box;
            border-bottom: #dedede 1px solid;
            background: #fff;
            .item{
                -webkit-box-flex: 1;
                width: 100%;
                text-align: center;
                padding: r(36px) 0;
                font-size: r(28px);
                position: relative;
                .mt10{
                    margin-top: r(14px);
                    font-size: r(20px);
                    color: #999;
                }
                .dot{
                    display: inline-block;
                    position: absolute;
                    left: r(98px);
                    bottom: r(42px);
                    width: r(12px);
                    height: r(12px);
                    border-radius: 50%;
                    background: #cc3333;
                }
                .bluedot{
                    background: #00a0e3;
                }
            }
        }
        .mod2{
                background: #fff;
                font-size: r(28px);
        }
        .visitor-list{
            border-top: #dedede r(1px) solid;
            border-bottom: #dedede r(1px) solid;
            background: #fff;
            margin: r(28px) 0 0 0;
            .mt{
                height: r(88px);
                line-height: r(88px);
                padding: 0 r(20px);
                border-bottom: #dedede r(1px) solid;
                .fz28{
                    color: #d62d31;
                }
                .fz22{
                    font-size: r(22px);
                    color: #999;
                }
            }
            li{
                display: flex;
                label{
                    -webkit-box-flex: 1;
                    width: r(96px);
                    padding: r(52px) 0 r(20px) r(32px);
                    color: #666;
                }
                .cont{
                    -webkit-box-flex: 1;
                    width: r(550px);
                    padding: r(28px) r(20px) r(33px) 0;
                    border-bottom: #dedede r(1px) solid;
                    .title{
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                    .desc{
                        font-size: r(22px);
                        line-height: r(22px);
                        color: #999;
                        margin: r(22px) 0 0 0;
                    }
                }
            }
        }
}
